let a = localStorage.getItem("search");
$("#txt").value = a;

//创建下拉菜单的函数
function downMenu(arr){
    console.log( arr,"哈哈" );
    //清空#txt_list的内容
    $("#txt_list").innerHTML = "";

    //筛选数据并放入到下拉菜单
    for( let i = 0;i <= 2;i++ ){
        //创建li标签
        let oLi = c("li");
        oLi.innerText = arr[i].pro_name;
        //为li添加点击事件
        oLi.onclick = function(){
            //将点击对象的数据放入到本地存储
            localStorage.setItem("sear",this.innerText);

            //跳转到搜索结果页面
            window.location.href = "./ssresult.html"
        
        }

        //将li放到#txt_list中
        $("#txt_list").appendChild(oLi);
    }

}

//为搜索绑定点击事件
$("#search").onclick = function(){
    //连接数据库显示满足条件的前三条数据
    //获取表单数据
    let tt = $("#txt").value;

    //连接数据库
    //创建xhr对象
    let xhr = new XMLHttpRequest();

    //实现open方法
    xhr.open( "get","./api/get_prodata.php?pro_name"+tt,true );

    //发送请求
    xhr.send();

    //设置监听状态
    xhr.onreadystatechange = function(){
        if( xhr.readyState === 4 && xhr.status === 200 ){
            console.log( xhr.responseText );
            let arr = JSON.parse( xhr.responseText );
            downMenu(arr);
        }
    }

}